<template>
	<Root>
		<div class="project-list">
			<div class="project-item" v-for="v in 30" :key="v" @click="toHome">
				<image class="icon" src="/static/images/project.png"></image>
				<span>测试项目一{{ v }}</span>
			</div>
		</div>
	</Root>
</template>

<script setup>
import { ref } from 'vue'

const toHome = () => {
	uni.navigateTo({
		url: '/pages/index/index'
	})
}

</script>

<style lang="scss">
.project-list{
	padding: 32rpx;
	box-sizing: border-box;
	overflow-y: auto;
	.project-item{
		box-shadow: 0 10rpx 30rpx 0 rgba(0,0,0,.08);
		padding: 16rpx;
		box-sizing: border-box;
		border-radius: 16rpx;
		margin-bottom: 16rpx;
		display: flex;
		align-items: center;
		.icon{
			width: 80rpx;
			height: 80rpx;
			margin-right: 30rpx;
		}
	}
}    
</style>
